@charset "utf-8";
/* CSS Document */
header{ width:100%; }
.top1{width:100%; height:105px; background:#00A3B5;}
.top1 h1{ display:block; background:url(../img/logo2.png) no-repeat 0 0; width:307px; height:60px; margin:25px 0 0 15px; padding-right:40px; border-right:1px solid #777;}
.top1 h1:hover{ background-position:0 -60px;}
.top1 .topzi{ margin-top:30px; margin-left:20px;}
.top1 .input_brands{ width:327px; height:43px; line-height:43px; color:#4C4E4E; font-size:14px; padding-left:20px; border:0px solid #FFF; background:rgba(255, 255, 255, 0.8);}
.top2{width:100%; height:55px; background:#FFF;}

.topnav ul li.list{ float:left; text-align:center; height:55px; line-height:55px; position:relative;width:168px;}
.topnav ul li.list a{ display:block; width:100%; }
.topnav ul li.list a:hover,.topnav ul li a.hover{ color:#00A3B5;}
.topnav ul li.list a i{ display:inline-block; background:url(../img/navjiantou.png) no-repeat  10px 0; width:22px; height:12px; padding-left:10px;transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* Internet Explorer */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg);}
.topnav ul li.list a:hover i{transform:rotate(0deg);
-ms-transform:rotate(0deg); /* Internet Explorer */
-moz-transform:rotate(0deg); /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);}
.morenav{position:absolute;left:0;top:55px;padding:10px 0;background:rgba(255,255,255,0.95);*background:#FFF; z-index:4; display:none;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.65); overflow:auto; }
.morenav li{font-size:12px;height:36px; line-height:36px; color:#FFF; width:120px; padding:0 10px;}
.morenav li.on{background:#00A3B5;}
.morenav a.tanchu{ width:300px; height:24px;display:block; line-height:22px; text-align:left; font-size:12px}
.leftpx{ left:-200px; border-bottom:4px solid #00A3B5; }

.ert .heng{ width:60px; height:6px; background:#00A3B5; margin:5px auto 15px;}
.more span{width:192px; height:36px; line-height:36px; text-align:center;color:#FFF; display:inline-block;}
.more{border-bottom:1px solid #DDDDDD;}
.more .p1{ background:#00A3B5; }
.more .p2{ background:#4C4E4E; }
.more:hover .p2{ background:#000;}

.type_List{text-align:center}
.type_List a{ display:inline-block;margin:0 30px; color:#1F1F1F }
.type_List a.hover,.type_List a:hover{ color:#D7004B;}


.bot1{ width:100%; height:147px; background:url(../img/index_r1_c1.jpg) no-repeat center center;}
.bot1 .bot11{ border-bottom:1px solid #fff;}
.bot1 .bot12{ padding-left:80px;}
.bot1 .input_brands{ width:280px; height:50px;line-height:50px; color:#4C4E4E; font-size:14px; padding-left:20px; border:0px solid #FFF; background:rgba(255, 255, 255, 0.8);margin-right:1px;}
.bot1 .input_btn{ width:145px; height:52px; background:#4C4E4E; text-align:center; border:none; color:#FFF; font-size:16px;}

.bot2 .mr_frbox { height:90px; background:#FFF; overflow:hidden; }
.bot2 .mr_frUl { float:left; margin-left:16px;}
.bot2 .mr_frUl ul li {float:left; margin:0 10px;overflow:hidden;width:136px; height:90px; text-align:center; position:relative;}
.bot2 .mr_frUl ul li img{margin:auto;display:block}
.bot2 .mr_frBtnL { left:20px;top:30px;cursor: pointer; display:block;background:url(../img/bot2sx.png) no-repeat 0 0; width:16px; height:30px; z-index:20;}
.bot2 .mr_frBtnR { right:20px;top:30px;cursor: pointer; display:block;background:url(../img/bot2sx.png) no-repeat -16px 0; width:16px; height:30px; z-index:20; }
.bot2 .mr_frBtnL:hover{ background-position:0 -30px;}
.bot2 .mr_frBtnR:hover{ background-position:-16px -30px;}

.bot3{ width:100%; height:664px; background:url(../img/index_r3_c1.jpg) no-repeat center center; border-bottom:5px solid #00A3B5;}
.bot3 a{ display:block;}
.bot3 a:hover{ color:#FFF;}
.bot3 .bot31{ border-bottom:1px solid #999; padding-right:40px; padding-bottom:10px; margin-bottom:10px;}

.bot4{width:100%; height:90px; border-bottom:1px solid #DDDDDD;}

.bot5{ width:100%; height:80px; background:#00A3B5; margin-top:-30px; position:relative; z-index:10;}

/*广告滚动*/
/* sobox */
.sobox{width:4000px;position:relative;margin-left:-1500px;text-align:center;}
.sobox .a_bigImg{position:absolute;top:0px;left:0px;display: block; width:100%; text-align:center;}
.soul_tah { z-index:10; width:300px; text-align:center; margin:0 auto;}
.soul_tah li{padding:0 5px; display:inline-block;}
.soul_tah li i{ display:block; width:30px;height:5px; overflow:hidden; cursor:pointer;background:rgba(255,255,255,0.55);*background:#FFF; }
.soul_tah li.on i{background:rgba(255,255,255,1);*background:#FFF;}
.top_pre{ background:url(../img/shang.png) no-repeat 0 0; position:absolute; left:1040px; top:300px; z-index:20; width:71px; height:265px;}
.top_pre:hover{ background-position:0 -265px;}
.top_next{background:url(../img/xia.png) no-repeat 0 0; position:absolute; right:1040px; top:300px; z-index:20; width:71px; height:265px;}
.top_next:hover{ background-position:0 -265px;}

/* 子页面分页效果*/
.mpage { display:block;padding:40px 0 40px;margin:0 auto; text-align:center;}
.mpage li{ display:inline; padding:2px;}
.mpage .count,.mpage .pend,.mpage .phome{ display:none;}
.mpage .pnext a,.mpage .ppre a,.mpage .ppage a{ display:inline-block;*display:inline;zoom:1; line-height:24px; width:24px; text-align:center; background:#00A3B5;color:#FFF;}
.mpage .pnext a,.mpage .ppre a{width:auto; padding:0 10px;background:#00A3B5;color:#FFF;}
.mpage  a:hover,.mpage  a.hover{ background:#4C4C4C;color:#FFF;}


[class*=" col-"],[class^=col-]{width:100%;float:left;padding-left:25px;padding-right:25px;box-sizing:border-box}
.col-lg-2{ width:16.66667%;}.inline-center{text-align:center}
.inset{margin-bottom:50px}
.inset{background-color:#fff;position:relative}
.inset,.univers-header{box-shadow:0 5px 5px rgba(0,0,0,.1)}
.inset-img{overflow:hidden;position:relative}
.inset-img:after{display:block;padding-bottom:100%;content:""}
.inset-img img{display:block;max-width:100%}
.inset-img img{cursor:pointer}
.inset-img img{position:absolute;top:-50px;bottom:-50px;left:-50px;right:-50px;margin:auto;max-width:90%;max-height:90%;display:block}
.inset-img img.crop-v{width:auto;height:100%;max-width:none;max-height:none}
.inset-img img.crop-h{width:100%;height:auto;max-width:none;max-height:none}
.inset-caption{height:50px}
.inset-caption{padding:10px;font-size:12px;line-height:1}
.inset-caption{text-transform:uppercase}
.inset-caption .logo{max-width:100%;max-height:100%}
.inset-caption .brand{color:#999}
.ads-icon,.inset-hover,.inset-hover .description{position:absolute;right:0}
.inset-hover{cursor:pointer;text-align:left;box-sizing:border-box;overflow:hidden;top:0;bottom:0;left:0;z-index:10}
.inset-hover .description{height:100%; font-size:12px;color:rgba(255,255,255,.85);background-color:rgba(0,0,0,.85);border-top:1px dotted rgba(255,255,255,.25);transition:bottom .25s ease 0s;left:0}
.inset-hover .description-content{margin-left:10px;margin-right:10px;overflow:hidden}
.inset-hover .title{margin-bottom:10px;padding-bottom:10px;padding-top:10px;color:#fff;border-bottom:3px solid rgba(255,255,255,.25)}
.inset-hover .product{text-transform:uppercase}
.inset-hover .model{ont-size:85%}
.inset-hover{cursor:default}
.inset-hover .description{bottom:-550px;background-color:#000;opacity:.9}
.inset:hover .description{bottom:0;transition-delay:.3s;-webkit-transition-delay:.3s;-moz-transition-delay:.3s}
.inset-hover .description-content{height:calc(100% - 0)}
.kwrefs-list li{color:#fff}
.kwrefs-list{width:50%;float:left}
.kwrefs-list .link{color:#999;text-decoration:underline}
.description-content .link{color:#FFF}
.description-content .link:hover{color:#EBEBEB;text-decoration:underline}
.products-list{width:37%;margin:0 0 0 10px;float:right}
.products-list .company-product img{ width:100%;}

.defaults{ position:relative;}
.jp-previous{ position:absolute;left:-50px;top:300px;cursor: pointer; display:block;background:url(../img/youshisx.png) no-repeat 0 0; width:51px; height:92px; z-index:20;}
.jp-next {position:absolute;right:-50px;top:300px;cursor: pointer; display:block;background:url(../img/youshisx.png) no-repeat -51px 0; width:51px; height:92px; z-index:20; }
.jp-previous:hover{ background-position:0 -92px;}
.jp-next:hover{ background-position:-51px -92px;}

.vlike1{  width:1160px; height:140px; margin:0 auto 30px; padding:40px 0 0 40px;}
.vlike1 .p1{ width:155px; height:96px; text-align:center; line-height:96px; font-size:60px;background:rgba(0, 163, 181, 0.8);}
.vlike1 .p2{ height:70px; padding:26px 30px 0 30px; font-size:20px; background:rgba(255, 255, 255, 0.8);}
.vlike1 .p1 p{color:#FFF;}
.vlike1 .p2 p{color:#4C4C4C;}
.vlike1 .p2 i{ display:block; font-size:12px;}

.vlike2{ width:1230px; margin-left:-15px;}

.hd{ padding:30px; width:1140px;}
.hd ul{ width:1200px; overflow:hidden;}
.hd ul li{ width:360px; height:460px; float:left; margin-right:30px;}
.hd ul li .p1{ height:20px; line-height:20px; margin-top:20px;}
.hd ul li i{ display:block; float:left; background:url(../img/rili.png) no-repeat center 0; width:20px; height:20px;}
.hd ul li span{ display:block; float:left; margin-left:15px;}
.hd ul li .p2{ padding:5px 0}
.hd ul li .p3{ color:#535353;}

.body1{ width:1200px; height:135px; background:#FFF;}
.body2{overflow:hidden;min-height:100px;background:#fff;padding:30px 30px 50px 30px;}
.body2 img{float:left;max-width:100%;margin-bottom:25px;padding:8px;background: #f4f4f4;margin:5px 2.5px;}
.body3{ width:380px; margin:0 auto;}
.body3 .p1,.body3 .p2{ width:190px; height:36px; line-height:36px; background:#4C4E4E; float:left; color:#FFF; text-align:center;}
.body3 .p1:hover,.body3 .p2:hover{ background:#00A3B5;}

.wrap{ padding:30px;}
.wrap input{ width:350px; height:48px; border:1px solid #999; line-height:48px; padding-left:10px; margin-bottom:20px;}
.wrap .submit{ width:760px; height:68px; line-height:68px; text-align:center; color:#FFF; font-size:18px; background:#00A3B5; border:none;}
.wrap .submit:hover{ background:#4B4D4D;}
.wrap2 .p2{ width:340px; height:48px; line-height:48px; background:#4B4D4D; color:#FFF; padding-left:10px;}
.wrap2 .p1{ border-bottom:1px dotted  #CCC; width:200px;}

.xxcon1{ width:1140px; height:338px; background:#FAFAFA;}
.xxcon1 .p1{ padding-top:10px;}
.xxcon1 .tu{ position:relative; margin-top:-30px;}
.xxcon .p1{ border-bottom:1px dotted  #CCC; width:200px; line-height:1.5}

.jiansuo{ top:30px; right:-100px;}
.jiansuo a {
	text-align:center;
    width: 30px;
    height: 30px;
    display: block;
    margin: 1px auto;
    line-height: 28px;
    text-decoration: none;
    color: #999;
    background-color: #ebebeb;
}
.jiansuo a:hover{ background-color:#999; color:#FFF}

/**********side-bar***********/
#bshareF{
	display: none;
}
.side-bar{position:fixed;bottom:300px;right:0px;margin-right:-100px;width:45px;z-index:10000;font-size:14px; display:none;}.side-bar div{margin:1px 0 0;float:right;cursor:pointer;}.side-bar div p{color:#fff;line-height:45px;}.side-bar div a{ display:block; width:110px;}.to-top{width:45px;height:45px;line-height:45px;text-align:center;background:#cbcbcb;color:#fff;font-weight:bold;position:relative;}
.side-bar strong{font-weight:bold;}
.side-bar-erweima{width:45px;height:45px;background:#888;position:relative;}
.erweima{width:390px;height:150px;display:none;position:absolute;top:-108px;left:-405px;background:#fff;border:1px solid #ccc;float:right;cursor:default !important;}
.side-bar-erweima .erweima p{line-height:20px;color:#000;text-align:center;float:left;width:130px;}
.side-bar-erweima .erweima p.con{line-height:20px;font-size:14px;text-align:left;float:left;width:335px; padding:13px 10px 10px 15px;}
.ico2{background:url(../img/barico2.png) no-repeat;}
.side-bar-erweima .arrow3{width:6px;height:11px;display:block;background:url(pin2016/images/weixin-arrow.png) no-repeat;position:absolute;right:-6px;top:122px;}
.side-bar-erweima img{width:110px;height:110px;margin:10px 10px 0px 10px;}
.side-bar-qq{width:45px;height:45px;background:#00A3B5;}
.side-bar-contact{width:45px;height:45px;background:#888;}
.side-bar .ico2{width:46px;height:46px;display:block;float:left;}
.side-bar .side-bar-erweima .ico2{float:right;}
.to-top .ico2{width:12px;height:5px;position:absolute;top:-5px;left:18px;}
.side-bar-erweima .ico2{background-position:-46px -46px;}
.side-bar-erweima .ico2{background-position:-138px -46px;}

.side-bar-erweima1{width:45px;height:45px;background:#888;position:relative;}
.erweima1{width:390px;height:150px;display:none;position:absolute;top:-108px;left:-405px;background:#fff;border:1px solid #ccc;float:right;cursor:default !important;}
.side-bar-erweima1 .erweima1 p{line-height:20px;color:#000;text-align:center;float:left;width:130px;}
.side-bar-erweima1 .erweima1 p.con{line-height:20px;font-size:14px;text-align:left;float:left;width:200px; padding:13px 10px 10px 15px;}
.side-bar-erweima1 .arrow3{width:6px;height:11px;display:block;background:url(../img/weixin-arrow.png) no-repeat;position:absolute;right:-6px;top:122px;}
.side-bar-erweima1 img{width:110px;height:110px;margin:10px 10px 0px 10px;}
.side-bar .side-bar-erweima1 .ico2{float:right;}
.to-top .ico2{width:12px;height:5px;position:absolute;top:-5px;left:18px;}
.side-bar-erweima1 .ico2{background-position:-46px -46px;}

.side-bar-qq .ico2{background-position:2px -46px;}
.side-bar-contact .ico2{background-position:-92px -46px;}
.to-top .ico2{background-position:-28px -2px;}
#newBridge .icon-right-center{left:2px!important;}